<template>
    <div class="box">
        <!-- <p v-bind:style="style">组件的样式构建</p> -->
        <p>组件的样式构建</p>
        <slot></slot>
    </div>
</template>

<script>
    export default {
        // props:["style"]
    }
</script>

<style scoped>
.box{
    border: 1px solid #ccc;
    padding: 20px;
    margin: 10px;
}
.box p{
    color: blueviolet;
}
:slotted(p){
    text-align: center;
}
</style>